<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上传书本目录</title>
    <link rel="stylesheet" href="http://42.192.127.112/assets/css/global.css">
    <link rel="stylesheet" href="./public/css/import_booklet.css"></link>
</head>
<body class="flex">
    <h1>导入书本</h1>
    <form>
        <div class="input-box file-box">
            <input type="file" name="booklet_nav" id="file" multiple>
        </div>
        
        
    </form>

    <div class="container" style="height: 40vh; margin: 1rem 0;">
        
        <h4 class="book-total">书籍数量：<span>0</span> 本</h4>
        <div class="preview-booklets-box flex">
            <h4 class="title">导入书籍名称预览</h4>
        </div>
    </div>


    <input type="button" value="Import" id="submit">

    <script src="./public/js/my-plugin.js"></script>
    <script src="./public/js/import-booklet.js"></script>
</body>
</html>